<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
	<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
	<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
	<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
	
	<script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
		
	<link rel="stylesheet" href="<%=basePath%>/css/oss/iot/video_live.css?<%=v%>">
	<script type="text/javascript" src="<%=basePath%>/js/oss/iot/video_live.js?<%=v%>"></script>
</head>
<body>
	<div>
		<div style="background: #ecf0f5;">
			<!-- 左边栏 -->
			<div class="float-left index_theLeft" style="width:170px;">
				<ul class="dashboard-menu scoll">
					<c:forEach items="${info.data.getData()}" varStatus="status" var="obj">
						<li onclick="forwardUrl('/iot/video?id=${obj.id}&sid=${sceneId}')"  
						 <c:if test="${obj.id == videoId}">
						 	 class="active"
						 </c:if> 
						  sid="${obj.id}">
	                       <span class="icon-file-video-o"></span>&nbsp;${obj.name }
	                    </li>
					</c:forEach>
				</ul>
			</div>
			<div class="mapContainer" >
				<div class="app-container">
					<div class="container-layout sceneList-info">
						<div class="box join-device-box">
							<div class="pt-10 pl-5">
								<div class="clearfloat">
									<div class="clearfloat liner">
										<h4 class="pb-10" style="border-bottom: 2px solid #18bbfc">
											<span>视频播放</span>
											<span class="float-right returnlink  " onclick="returnBack()">返回  <span class="icon-sign-out"></span></span>
										</h4>
									</div>
									<div class="float-left" style="width:70%;">
										<div class="video_container">
											<video id="myPlayer" style="width: 100%;height:472px;" poster="" controls playsInline webkit-playsinline autoplay>
    											<source src="" type="rtmp/flv" />
    										</video>
										</div>
									</div>
									<div class="float-left" style="width:25%;">
										<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">摄像头信息</div>
										<div class="jui-detail_get" style="padding-top: 30px;margin-left: 30px;" data-options=" url:'/video?id= ${videoId}',success:'successfunc' "  >
											<div class="detail-line">
												<span>项目名称：</span>
												<span type-name="scene_name" type-value='h'></span>
											</div>
											<div class="detail-line">
												<span>视频名称：</span>
												<span type-name="name" type-value='h'></span>
											</div>
											<div class="detail-line">
												<span>接入方式：</span>
												<span type-name="video_type" class="width-auto" type-value='ch'></span> 
											</div>
											
										</div>
										
										<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">操作</div>
										<div class="operateColumn">
											<p>
											<a href="<%=basePath%>/service/iot/video/back?id=${videoId}&sid=${sceneId}" >历史视频查看</a></p>
<!-- 											<p><a href="javascript:void(0);">视频截图</a></p> -->
										</div>
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	function returnBack(obj){
		forwardUrl("/iot/mvideo",1000);
	}
</script>
</html>